
// react
import React from "react";
// lib
import { Space, Button, Switch } from "antd";
import { state } from "./state";
import timeUtils from "utils/timeUtils";
import { Dayjs } from "dayjs";
// import { updateUserType } from "./controller";
// import { UserOutlined } from "@ant-design/icons";
// components & widget
// style
// config
// import { MODULE_NAME } from "./config";
// script & methods & public
// store
// controller
// interface
// 其它

const TableColumns = [
  {
    title: "ID",
    dataIndex: "userId",
  },
  {
    title: "用户名",
    dataIndex: "userName",
  },
  // {
  //   title: "头像",
  //   dataIndex: "headPortrait",
  //   className: "column-center",
  //   render: (val: string) => {
  //     if (val && val !== "") {
  //       return <Avatar src={val} size={60} />;
  //     }
  //     return <Avatar icon={<UserOutlined />} size={60} />;
  //   },
  // },
  {
    title: "电话",
    dataIndex: "phone",
  },
  {
    title: "真实姓名",
    dataIndex: "fullName",
  },
  {
    title: "身份证号",
    dataIndex: "idCard",
  },
  // {
  //   title: "emali",
  //   dataIndex: "email",
  // },
  {
    title: "注册时间",
    dataIndex: "created",
    render:(el: string | number | Date | Dayjs | null | undefined) =>{
      return timeUtils.format(el)
    }
  },
  {
    title: "状态",
    dataIndex: "accountStatus",
    render: (val: boolean, el: any) => {
      return (
        <Switch
          checked={true}
          // onChange={(checked) => updateUserType(checked ? 0 : 1, el.id)}
        />
      );
    },
  },
  {
    title: "操作",
    key: "action",
    fixed: "right" as any,
    render: (el: any) => {
      // const setting = () => {
      //   if (el.statusEnum === "0") {
      //     modal.confirm({
      //       title: "确定要禁用该用户吗？",
      //       content: "禁用后该用户将无法登录，再次启用后可正常登录和查看。",
      //       onOk: () => {
      //         setUserStatus(el.id, "1");
      //       },
      //     });
      //   }
      //   if (el.statusEnum === "1") {
      //     modal.confirm({
      //       title: "确定要启用该用户吗？",
      //       content: "启用后该用户可以正常登录。",
      //       onOk: () => {
      //         setUserStatus(el.id, "0");
      //       },
      //     });
      //   }
      // };
      // 画像
  
      // 备注
      const setRemark = () => {
        state.remarkEditModal = el;
      };
      return (
        <Space>
          {/* <Button
            size="small"
            type="primary"
            ghost
            onClick={setImg}
          >
            设置
          </Button> */}
          <Button
            size="small"
            type="primary"
            ghost
            onClick={setRemark}
          >
            编辑
          </Button>
        </Space>
      );
    },
  },
];

export default TableColumns;
